<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美食今日推荐</title>
	</head>
	<style>
	*{
		margin: 0;
		padding: 0;
	}
		#main{
			border: 1px solid deepskyblue;
			width: 320px;
			height:450px;
			margin: 10px auto;
			border-radius: 20px;
		}
		#left{
			width: 100px;
			height: 400px;
			/*border: 1px solid blue;*/
			float: left;
			margin-left: 30px;
			
		}
		#right{
			width: 160px;
			height: 400px;
			/*border: 1px solid blue;*/
			float: right;
			margin-left: 30px;
		}
		#top{
		/*border: 1px solid red;*/
			width: 800px;
			height: 50px;
			margin: 10px auto;	
		}
		.first{
			/*border: 1px solid red;*/
			width: 230px;
			height: 50px;
			float:left ;
			line-height: 80px;
			margin-left: 20px;
		}
		.second{
			/*border: 1px solid blue;*/
			width: 100px;
			height: 50px;
			float: right;
			line-height: 80px;
			/*margin-right: 470px;*/
			position: absolute;
			right: 500px;
		}
		
		#foot{
			position: absolute;
			top: 70px;
			left: 610px;
		}
		a{
			color: red;
		}
		ul li{
			list-style: none;
			line-height: 23px;
		}
	</style>
	<body>
		<div id="main">
			<div id="top">
				<div class="first">
					<p style="font-weight: 900;">shop 今日推荐<p/>
				</div>
				<div class="second">
					<img src="../img/more.gif" />
				</div>
				
			</div>
			<div id="left">
				<ul>
					<li><img src="../img/img7.gif"/></li>
					<li><img src="../img/img8.gif"/></li>
					<li><img src="../img/img9.gif"/></li>
					<li><img src="../img/img7.gif"/></li>
				</ul>
			</div>
			<div id="right">
				<ul>
					<li>
					<p class="p"><a href="#">汉来国际美食百货</a></p>	
					<p>口味：创意中餐</p>	
					<p>区域：朝阳/CBD</p>	
					</li>
					
					<li>
					<p class="p"><a href="#">汉来国际美食百货</a></p>	
					<p>口味：创意中餐</p>	
					<p>区域：朝阳/CBD</p>	
					</li>
					
					<li>
					<p class="p"><a href="#">汉来国际美食百货</a></p>	
					<p>口味：创意中餐</p>	
					<p>区域：朝阳/CBD</p>	
					</li>
					
					<li>
					<p class="p"><a href="#">汉来国际美食百货</a></p>	
					<p>口味：创意中餐</p>	
					<p>区域：朝阳/CBD</p>	
					</li>
				</ul>
			</div>
			
			
			
			<div id="foot"><img src="../img/shen.png"/></div>
		</div>
	</body>
</html>



